/* base-color -start */
:root {
	/* base */
	--white: #fff;
	--black: #000;
	--theme: var(--white);
	/* 透明背景色 */
	--theme-transparency: rgba(100, 108, 115, 0.5);
	/* 蓝色 */
	/* input、触发器、按钮在focus时的投影 */
	--box-shadow-blue: 0 0 0 2px rgba(0, 145, 255, 0.2);
	/* 灰色 */
	/* 下拉选择器、按钮盒子相关投影 */
	/* 向上 */
	--box-shadow-top: 0 -2px 10px rgba(31, 35, 41, 0.1);
	/* 向下 */
	--box-shadow-bottom: 0 2px 10px rgba(31, 35, 41, 0.1);
	/* 向左 */
	--box-shadow-left: -2px 0 10px rgba(31, 35, 41, 0.1);
	/* 向右 */
	--box-shadow-right: 2px 0 10px rgba(31, 35, 41, 0.1);
	/* 箭头相关投影 */
	/* 向左 */
	--box-shadow-min-top: -2px 2px 4px rgba(31, 35, 41, 0.1);
	/* 向下 */
	--box-shadow-min-bottom: 2px -2px 4px rgba(31, 35, 41, 0.1);
	/* 向左 */
	--box-shadow-min-left: -2px -2px 4px rgba(31, 35, 41, 0.1);
	/* 向左 */
	--box-shadow-min-right: 2px 2px 4px rgba(31, 35, 41, 0.1);
	/* 向下 */
	--box-shadow-max-bottom: 0 8px 16px 0px rgba(0, 65, 115, 0.15);
	/* 带三角形的盒子投影 */
	/* 向上 */
	--box-shadow-triangle-top: 0 -2px 4px rgba(31, 35, 41, 0.1);
	/* 向下 */
	--box-shadow-triangle-bottom: 0 2px 4px rgba(31, 35, 41, 0.1);
	/* 向左 */
	--box-shadow-triangle-left: -2px 0 4px rgba(31, 35, 41, 0.1);
	/* 向右 */
	--box-shadow-triangle-right: 2px 0 4px rgba(31, 35, 41, 0.1);
	/* 弹窗投影 */
	--modal-shadow-bottom: 0 20px 30px rgba(31, 35, 41, 0.15);
	/* popover-tip-bg --grey-900 opacity 0.8 */
	--popover-tip-bg: rgba(31, 36, 41, 0.8);
	/* blue */
	--blue-900: #1034B2;
	--blue-800: #1241BF;
	--blue-700: #1B4ACC;
	--blue-600: #215DD9;
	--blue-500: #246FE5;
	--blue-400: #2481F2;
	--blue-300: #64A6F7;
	--blue-200: #9FC9FB;
	--blue-100: #D9EBFF;
	--blue-50: #EBF6FF;
	/* cyan */
	--cyan-900: #00818C;
	--cyan-800: #008E96;
	--cyan-700: #00A2A7;
	--cyan-600: #09B3B5;
	--cyan-500: #14C4C4;
	--cyan-400: #33D4D2;
	--cyan-300: #72E1DE;
	--cyan-200: #A6EDE8;
	--cyan-100: #CBF7F3;
	--cyan-50: #E6FCF7;
	/* turquoise */
	--turquoise-900: #00818C;
	--turquoise-800: #008E96;
	--turquoise-700: #00A2A7;
	--turquoise-600: #09B3B5;
	--turquoise-500: #14C4C4;
	--turquoise-400: #33D4D2;
	--turquoise-300: #72E1DE;
	--turquoise-200: #A6EDE8;
	--turquoise-100: #CBF7F3;
	--turquoise-50: #E6FCF7;
	/* green */
	--green-900: #13753F;
	--green-800: #0F8843;
	--green-700: #0C9B4A;
	--green-600: #15AE55;
	--green-500: #3FBE72;
	--green-400: #69CD90;
	--green-300: #8EDBAB;
	--green-200: #B6E9C7;
	--green-100: #DAF7E1;
	--green-50: #EBFFEB;
	/* lime */
	--lime-900: #558000;
	--lime-800: #6A9107;
	--lime-700: #80A20E;
	--lime-600: #95B315;
	--lime-500: #AAC41C;
	--lime-400: #BDD436;
	--lime-300: #CCE062;
	--lime-200: #DBED8F;
	--lime-100: #E8F7BB;
	--lime-50: #F1FCE6;
	/* yellow */
	--yellow-900: #E0A800;
	--yellow-800: #E6B507;
	--yellow-700: #ECC00C;
	--yellow-600: #F2CB0C;
	--yellow-500: #F8D60C;
	--yellow-400: #FBDF23;
	--yellow-300: #FBE750;
	--yellow-200: #FCEF7E;
	--yellow-100: #FCF8B8;
	--yellow-50: #FDFFE5;
	/* orange */
	--orange-900: #CC5300;
	--orange-800: #D96C00;
	--orange-700: #E68600;
	--orange-600: #F29F00;
	--orange-500: #FFB800;
	--orange-400: #FFCC47;
	--orange-300: #FFD873;
	--orange-200: #FFE399;
	--orange-100: #FFF0CC;
	--orange-50: #FFFBE6;
	/* red */
	--red-900: #B80000;
	--red-800: #C71412;
	--red-700: #D72824;
	--red-600: #E63C35;
	--red-500: #F55047;
	--red-400: #F8766F;
	--red-300: #FA9B96;
	--red-200: #FDC1BE;
	--red-100: #FFE6E5;
	--red-50: #FFF5F5;
	/* carmine */
	--carmine-900: #4016B5;
	--carmine-800: #5124C4;
	--carmine-700: #683BD6;
	--carmine-600: #8252E3;
	--carmine-500: #9B6CED;
	--carmine-400: #B286F5;
	--carmine-300: #D3B2FF;
	--carmine-200: #E6D1FF;
	--carmine-100: #F1E5FE;
	--carmine-50: #FCF5FF;
	/* purple */
	--purple-900: #780094;
	--purple-800: #910AA7;
	--purple-700: #A928B7;
	--purple-600: #BE49C5;
	--purple-500: #D069D2;
	--purple-400: #DE8BDC;
	--purple-300: #E9A8E6;
	--purple-200: #F1C5EE;
	--purple-100: #F7E3F5;
	--purple-50: #FFF2FD;
	/* violet */
	--violet-900: #4016B5;
	--violet-800: #5124C4;
	--violet-700: #683BD6;
	--violet-600: #8252E3;
	--violet-500: #9B6CED;
	--violet-400: #B286F5;
	--violet-300: #D3B2FF;
	--violet-200: #E6D1FF;
	--violet-100: #F1E5FE;
	--violet-50: #FCF5FF;
	/* grey */
	--grey-900: #1B2129;
	--grey-800: #2E3742;
	--grey-700: #424C59;
	--grey-600: #626C78;
	--grey-500: #8B949E;
	--grey-400: #C4C9CF;
	--grey-300: #E1E5EB;
	--grey-200: #EDF1F5;
	--grey-100: #F1F4F6;
	--grey-50: #F7F9FA;
	/* hover-color */
	--hover-color-blue: var(--blue-100);
	--hover-color-grey: var(--grey-100);
}

/* base-color -end */